<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <title>广科士多</title>
    <link rel="stylesheet" type="text/css" href="./css/common.css">
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body>

<!-- 头部 -->
<header id="head">
    <!-- 登录/注册/app -->
    <div class="head">
        <div class="center clearfix">
            <div class="left">在广科，什么都能买得到</div>
            <div class="right">
                <ul>


                    <li><a th:href="@{/products}">产品</a></li>
                    <li><a th:href="@{/products/add}">新建产品</a></li>
                    <li><a th:href="@{/denglus/}" class="noborder">登录/注册</a></li>
                    <li><a href="">广科甄选</a></li>
                    <li><a href="">企业采购</a></li>
                    <li class="customer">
                        <a href="">客户服务</a>
                        <!-- 二级菜单 -->
                        <ul>
                            <li><a href="">商务合作</a></li>
                            <li><a href="">帮助中心</a></li>
                            <li class="phone">
                                <a href="">在线客服</a>
                                <!-- 三级菜单 -->
                                <div>
                                    <p>400-0368-163</p>
                                    <p>9:00-22:00</p>
                                </div>
                            </li>
                            <li><a href="" class="noborder">开放平台</a></li>
                        </ul>
                    </li>
                    <li class="down">
                        <a href="">APP</a>
                        <div>
                            <img src="images/down.png" >
                            <p>扫码下载 首单立减8元</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- logo/搜索框 -->
    <div class="search">
        <div class="center clearfix">
            <h1><a href="#" style="font-size: 60px">广科士多</a></h1>
            <div class="searchBox right">
                <!-- <input type="text" value="imberland制造商情侣牛皮靴"> -->
                <input type="text" placeholder="imberland制造商情侣牛皮靴">
                <a href="javascript:;"></a>
            </div>
        </div>
    </div>

    <!-- 导航 -->
    <nav class="nav">
        <!-- 一级菜单 -->
        <div class="center clearfix">
            <a href="#" class="logo">广科士多</a>
            <ul class="navBar">
                <li class="active"><a href="#">首页</a></li>
                <li><a href="#">居家</a></li>
                <li><a href="#">餐厨</a></li>
                <li><a href="#">配件</a></li>
                <li><a href="#">服装</a></li>
                <li><a href="#">洗护</a></li>
                <li><a href="#">婴童</a></li>
                <li><a href="#">杂货</a></li>
                <li><a href="#">饮食</a></li>
                <li><a href="#">其他</a></li>
                <li class="separate">|</li>
                <li><a href="#">专题</a></li>
                <li><a href="#">甄选家</a></li>
            </ul>
            <!-- 购物车 -->
            <div class="cartWrap" >
                <i>0</i>
                <div class="cart" style="display: none;">
                    <!-- 上面 -->
                    <div class="list">
                        <!-- 左侧 商品列表 -->
                        <ul>
                            <li>
                                <a href="#" class="product-pic"><img src="./images/img_01-1.png" ></a>
                                <div class="message">
                                    <p><a href="#">领尖扣商务免烫衬衫领尖扣商务免烫衬衫领尖扣商务免烫衬衫</a></p>
                                    <p>白色LX1</p>
                                </div>
                                <div class="price">￥219.00</div>
                                <div class="close">X</div>
                            </li>
                            <li>
                                <a href="#" class="product-pic"><img src="./images/img_01-1.png" ></a>
                                <div class="message">
                                    <p><a href="#">领尖扣商务免烫衬衫</a></p>
                                    <p>白色LX1</p>
                                </div>
                                <div class="price">￥219.00</div>
                                <div class="close">X</div>
                            </li>
                            <li>
                                <a href="#" class="product-pic"><img src="./images/img_01-1.png" ></a>
                                <div class="message">
                                    <p><a href="#">领尖扣商务免烫衬衫</a></p>
                                    <p>白色LX1</p>
                                </div>
                                <div class="price">￥219.00</div>
                                <div class="close">X</div>
                            </li>
                        </ul>
                        <!-- 右侧 自定义滚动条 -->
                        <div class="scrollBar">
                            <span class="topBtn"></span>
                            <div class="swideWrap">
                                <div class="slide"></div>
                            </div>
                            <span class="bottomBtn"></span>
                        </div>
                    </div>
                    <!-- 下面 -->
                    <div class="total">
                        商品合计: <span>￥751.00</span>
                        <a href="#">去购物车结算</a>
                    </div>
                </div>
            </div>
            <div class="login">
                <a href="">登录</a>
                <a href="">注册</a>
            </div>
        </div>
        <!-- 二级菜单 -->
        <div class="subNav">
            <ul>
                <li><a href="#"><img src="images/nav_01.png" alt="" />1被枕</a></li>
                <li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
                <li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
                <li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
                <li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
                <li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
                <li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
                <li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
            </ul>
            <ul>
                <li><a href="#"><img src="images/nav_01.png" alt="" />2被枕</a></li>
                <li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
                <li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
                <li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
                <li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
                <li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
                <li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
                <li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
            </ul>
            <ul>
                <li><a href="#"><img src="images/nav_01.png" alt="" />3被枕</a></li>
                <li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
                <li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
                <li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
                <li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
                <li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
                <li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
                <li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
            </ul>
            <ul>
                <li><a href="#"><img src="images/nav_01.png" alt="" />4被枕</a></li>
                <li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
                <li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
                <li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
                <li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
                <li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
                <li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
                <li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
            </ul>
            <ul>
                <li><a href="#"><img src="images/nav_01.png" alt="" />5被枕</a></li>
                <li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
                <li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
                <li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
                <li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
                <li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
                <li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
                <li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
            </ul>
            <ul>
                <li><a href="#"><img src="images/nav_01.png" alt="" />6被枕</a></li>
                <li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
                <li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
                <li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
                <li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
                <li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
                <li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
                <li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
            </ul>
            <ul>
                <li><a href="#"><img src="images/nav_01.png" alt="" />7被枕</a></li>
                <li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
                <li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
                <li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
                <li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
                <li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
                <li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
                <li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
            </ul>
            <ul>
                <li><a href="#"><img src="images/nav_01.png" alt="" />8被枕</a></li>
                <li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
                <li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
                <li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
                <li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
                <li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
                <li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
                <li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
            </ul>
            <ul>
                <li><a href="#"><img src="images/nav_01.png" alt="" />9被枕</a></li>
                <li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
                <li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
                <li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
                <li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
                <li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
                <li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
                <li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
            </ul>
        </div>
    </nav>
</header>

<!-- banner -->
<div id="banner">
    <div class="bannerPic" id="bannerPic">
        <div class="carouselImgCon">
            <a href="#"><img src="images/pic_01.jpg" style="opacity: 1;" ></a>
            <a href="#"><img src="images/pic_02.jpg" ></a>
            <a href="#"><img src="images/pic_03.jpg" ></a>
            <a href="#"><img src="images/pic_04.jpg" ></a>
            <a href="#"><img src="images/pic_05.jpg" ></a>
        </div>
        <!-- <div class="prev"><</div>
        <div class="next">></div>
        <div class="circle">
            <span class="active"></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div> -->
    </div>
</div>

<!-- 品牌制造商 -->
<section id="brand">
    <header class="brandHead clearfix">
        <div class="left">
            <h3>品牌制造商</h3><span>工厂直达消费者，剔除品牌溢价</span>
        </div>
        <div class="right">
            <a href="#" class="scaleImg">更多制造商></a>
        </div>
    </header>
    <div class="bImg">
        <div class="bBox">
            <h4>MUJI制造商</h4>
            <span>12.9元起</span>
            <!-- <a href="#" class="scaleImg"><img src="images/img_01.jpg" ></a> -->
            <a href="#" class="scaleImg">
                <img class="original" src="images/empty.gif" data-src="images/img_01.jpg" >
            </a>
        </div>
        <div class="bBox">
            <h4>MUJI制造商</h4>
            <span>12.9元起</span>
            <a href="#" class="scaleImg">
                <!-- <img src="images/img_02.jpg" > -->
                <img class="original" src="images/empty.gif" data-src="images/img_02.jpg" >
            </a>
        </div>
        <div class="bBox">
            <div>
                <h4>Adidas制商</h4>
                <span>49元起</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_03.jpg" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_03.jpg" >
                </a>
            </div>
            <div>
                <h4>内野制造商</h4>
                <span>29元起</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_04.jpg" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_04.jpg" >
                </a>
            </div>
        </div>
    </div>
</section>

<!-- 新品首发 -->
<section id="new">
    <header class="brandHead clearfix">
        <div class="left">
            <h3>新品首发</h3><span>周一周四上新，为你寻觅世间好物</span>
        </div>
        <div class="right">
            <a href="#" class="scaleImg">更多新品></a>
        </div>
    </header>
    <div class="content" id="newProduct">
        <div class="carouselImgCon">
            <ul class="clearfix">
                <li>
                    <span class="colorNum">2色可选</span>
                    <a href="#">
                        <!-- <img src="images/img_05.png" >
                        <img src="images/img_05.jpg" > -->
                        <img class="original" src="images/empty.gif" data-src="images/img_05.png" >
                        <img class="original" src="images/empty.gif" data-src="images/img_05.jpg" >
                    </a>
                    <div class="title">
                        <a href="#">单面绒休闲卫衣(男童)</a>
                        <p>￥109</p>
                    </div>
                </li>
                <li>
                    <span class="colorNum">2色可选</span>
                    <a href="#">
                        <!-- <img src="images/img_06.png" >
                        <img src="images/img_06.jpg" > -->
                        <img class="original" src="images/empty.gif" data-src="images/img_06.png" >
                        <img class="original" src="images/empty.gif" data-src="images/img_06.jpg" >
                    </a>
                    <div class="title">
                        <a href="#">单面绒休闲卫衣(男童)</a>
                        <p>￥109</p>
                    </div>
                </li>
                <li>
                    <span class="colorNum">2色可选</span>
                    <a href="#">
                        <!-- 	<img src="images/img_07.png" >
                            <img src="images/img_07.jpg" > -->
                        <img class="original" src="images/empty.gif" data-src="images/img_07.png" >
                        <img class="original" src="images/empty.gif" data-src="images/img_07.jpg" >
                    </a>
                    <div class="title">
                        <a href="#">单面绒休闲卫衣(男童)</a>
                        <p>￥109</p>
                    </div>
                </li>
                <li>
                    <span class="colorNum">2色可选</span>
                    <a href="#">
                        <!-- <img src="images/img_08.png" >
                        <img src="images/img_08.jpg" > -->
                        <img class="original" src="images/empty.gif" data-src="images/img_08.png" >
                        <img class="original" src="images/empty.gif" data-src="images/img_08.jpg" >
                    </a>
                    <div class="title">
                        <a href="#">单面绒休闲卫衣(男童)</a>
                        <p>￥109</p>
                    </div>
                </li>
                <li>
                    <span class="colorNum">2色可选</span>
                    <a href="#">
                        <!-- <img src="images/img_09.png" >
                        <img src="images/img_09.jpg" > -->
                        <img class="original" src="images/empty.gif" data-src="images/img_09.png" >
                        <img class="original" src="images/empty.gif" data-src="images/img_09.jpg" >
                    </a>
                    <div class="title">
                        <a href="#">单面绒休闲卫衣(男童)</a>
                        <p>￥109</p>
                    </div>
                </li>
                <li>
                    <span class="colorNum">2色可选</span>
                    <a href="#">
                        <!-- <img src="images/img_10.png" >
                        <img src="images/img_10.jpg" > -->
                        <img class="original" src="images/empty.gif" data-src="images/img_10.png" >
                        <img class="original" src="images/empty.gif" data-src="images/img_10.jpg" >
                    </a>
                    <div class="title">
                        <a href="#">单面绒休闲卫衣(男童)</a>
                        <p>￥109</p>
                    </div>
                </li>
                <li>
                    <span class="colorNum">2色可选</span>
                    <a href="#">
                        <!-- <img src="images/img_11.png" >
                        <img src="images/img_11.jpg" > -->
                        <img class="original" src="images/empty.gif" data-src="images/img_11.png" >
                        <img class="original" src="images/empty.gif" data-src="images/img_11.jpg" >
                    </a>
                    <div class="title">
                        <a href="#">单面绒休闲卫衣(男童)</a>
                        <p>￥109</p>
                    </div>
                </li>
                <li>
                    <span class="colorNum">2色可选</span>
                    <a href="#">
                        <!-- <img src="images/img_12.png" >
                        <img src="images/img_12.jpg" > -->
                        <img class="original" src="images/empty.gif" data-src="images/img_12.png" >
                        <img class="original" src="images/empty.gif" data-src="images/img_12.jpg" >
                    </a>
                    <div class="title">
                        <a href="#">单面绒休闲卫衣(男童)</a>
                        <p>￥109</p>
                    </div>
                </li>
            </ul>
        </div>
        <!-- <div class="prev"><</div>
        <div class="next">></div> -->
    </div>
</section>

<!-- 人气推荐 -->
<section id="recommend">
    <div class="center">
        <header class="clearfix">
            <div class="left">
                <h3>人气推荐</h3>
                <ul>
                    <li class="active">编辑推荐</li>
                    <li>人气周榜</li>
                    <li>热销总榜</li>
                </ul>
            </div>
            <div class="right">
                <a href="#">更多推荐></a>
            </div>
        </header>
        <div class="content clearfix">
            <div class="box">
                <span class="colorNum">1色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_13.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_13.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
            <div class="box">
                <span class="colorNum">5色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_14.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_14.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
            <div class="box">
                <span class="colorNum">5色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_15.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_15.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
            <div class="box">
                <span class="colorNum">5色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_16.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_16.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
            <div class="box">
                <span class="colorNum">5色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_17.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_17.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
            <div class="box">
                <span class="colorNum">5色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_18.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_18.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
            <div class="box">
                <span class="colorNum">5色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_19.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_19.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
        </div>

        <div class="content clearfix">
            <div class="box">
                <span class="colorNum">2色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_13.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_13.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
            <div class="box">
                <span class="colorNum">5色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_14.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_14.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
            <div class="box">
                <span class="colorNum">5色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_15.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_15.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
            <div class="box">
                <span class="colorNum">5色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_16.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_16.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
            <div class="box">
                <span class="colorNum">5色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_17.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_17.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
            <div class="box">
                <span class="colorNum">5色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_18.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_18.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
            <div class="box">
                <span class="colorNum">5色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_19.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_19.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
        </div>

        <div class="content clearfix">
            <div class="box">
                <span class="colorNum">3色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_13.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_13.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
            <div class="box">
                <span class="colorNum">5色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_14.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_14.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
            <div class="box">
                <span class="colorNum">5色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_15.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_15.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
            <div class="box">
                <span class="colorNum">5色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_16.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_16.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
            <div class="box">
                <span class="colorNum">5色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_17.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_17.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
            <div class="box">
                <span class="colorNum">5色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_18.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_18.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
            <div class="box">
                <span class="colorNum">5色可选</span>
                <a href="#" class="scaleImg">
                    <!-- <img src="images/img_19.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_19.png" >
                </a>
                <div class="title">
                    <a href="#">简约陶瓷马克杯</a>
                    <p>￥39</p>
                </div>
            </div>
        </div>

        <!--
            <div class="content clearfix">
                <div class="box">
                    <span class="colorNum">5色可选</span>
                    <a href="#" class="scaleImg"><img src="images/img_13.png" ></a>
                    <div class="title">
                        <a href="#">简约陶瓷马克杯</a>
                        <p>￥39</p>
                    </div>
                </div>
                <div class="box">
                    <span class="colorNum">5色可选</span>
                    <a href="#" class="scaleImg"><img src="images/img_14.png" ></a>
                    <div class="title">
                        <a href="#">简约陶瓷马克杯</a>
                        <p>￥39</p>
                    </div>
                </div>
                <div class="box">
                    <span class="colorNum">5色可选</span>
                    <a href="#" class="scaleImg"><img src="images/img_15.png" ></a>
                    <div class="title">
                        <a href="#">简约陶瓷马克杯</a>
                        <p>￥39</p>
                    </div>
                </div>
                <div class="box">
                    <span class="colorNum">5色可选</span>
                    <a href="#" class="scaleImg"><img src="images/img_16.png" ></a>
                    <div class="title">
                        <a href="#">简约陶瓷马克杯</a>
                        <p>￥39</p>
                    </div>
                </div>
                <div class="box">
                    <span class="colorNum">5色可选</span>
                    <a href="#" class="scaleImg"><img src="images/img_17.png" ></a>
                    <div class="title">
                        <a href="#">简约陶瓷马克杯</a>
                        <p>￥39</p>
                    </div>
                </div>
                <div class="box">
                    <span class="colorNum">5色可选</span>
                    <a href="#" class="scaleImg"><img src="images/img_18.png" ></a>
                    <div class="title">
                        <a href="#">简约陶瓷马克杯</a>
                        <p>￥39</p>
                    </div>
                </div>
                <div class="box">
                    <span class="colorNum">5色可选</span>
                    <a href="#" class="scaleImg"><img src="images/img_19.png" ></a>
                    <div class="title">
                        <a href="#">简约陶瓷马克杯</a>
                        <p>￥39</p>
                    </div>
                </div>
            </div>

            <div class="content clearfix">
                <div class="box">
                    <span class="colorNum">5色可选</span>
                    <a href="#" class="scaleImg"><img src="images/img_13.png" ></a>
                    <div class="title">
                        <a href="#">简约陶瓷马克杯</a>
                        <p>￥39</p>
                    </div>
                </div>
                <div class="box">
                    <span class="colorNum">5色可选</span>
                    <a href="#" class="scaleImg"><img src="images/img_14.png" ></a>
                    <div class="title">
                        <a href="#">简约陶瓷马克杯</a>
                        <p>￥39</p>
                    </div>
                </div>
                <div class="box">
                    <span class="colorNum">5色可选</span>
                    <a href="#" class="scaleImg"><img src="images/img_15.png" ></a>
                    <div class="title">
                        <a href="#">简约陶瓷马克杯</a>
                        <p>￥39</p>
                    </div>
                </div>
                <div class="box">
                    <span class="colorNum">5色可选</span>
                    <a href="#" class="scaleImg"><img src="images/img_16.png" ></a>
                    <div class="title">
                        <a href="#">简约陶瓷马克杯</a>
                        <p>￥39</p>
                    </div>
                </div>
                <div class="box">
                    <span class="colorNum">5色可选</span>
                    <a href="#" class="scaleImg"><img src="images/img_17.png" ></a>
                    <div class="title">
                        <a href="#">简约陶瓷马克杯</a>
                        <p>￥39</p>
                    </div>
                </div>
                <div class="box">
                    <span class="colorNum">5色可选</span>
                    <a href="#" class="scaleImg"><img src="images/img_18.png" ></a>
                    <div class="title">
                        <a href="#">简约陶瓷马克杯</a>
                        <p>￥39</p>
                    </div>
                </div>
                <div class="box">
                    <span class="colorNum">5色可选</span>
                    <a href="#" class="scaleImg"><img src="images/img_19.png" ></a>
                    <div class="title">
                        <a href="#">简约陶瓷马克杯</a>
                        <p>￥39</p>
                    </div>
                </div>
            </div>
         -->

    </div>
</section>

<!-- 限时购 -->
<section id="limit">

    <!-- 标题 -->
    <header class="clearfix">
        <div class="left">
            <h3>限时购</h3>
        </div>
        <div class="right">
            <a href="#">更多推荐></a>
        </div>
    </header>

    <!-- 商品列表 -->
    <div class="content clearfix">
        <!-- 左侧 -->
        <div class="time left">
            <h4>14点场</h4>
            <p>距离结束还剩</p>
            <div class="timeBox">
                <span>00</span>:<span>00</span>:<span>00</span>
            </div>
            <a href="#">查看更多></a>
        </div>
        <!-- 右侧 -->
        <div class="boxWrap right clearfix">
            <div class="limitBox">
                <a href="#" class="left scaleImg">
                    <!-- <img src="images/img_20.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_20.png" >
                </a>
                <div class="right">
                    <a href="#" class="title">复古翻帮休闲女鞋</a>
                    <p>翻帮设计，复古法国风</p>
                    <div class="numBar clearfix">
                        <div class="numCon"><span></span></div>
                        <span class="numTips">还剩573件</span>
                    </div>
                    <div>
                        <span class="xianshi">限时价</span><span class="fuhao">￥</span> <strong>199</strong><span class="yuan">原价 ￥249</span>
                    </div>
                    <a href="#" class="qianggou">立即抢购</a>
                </div>
            </div>
            <div class="limitBox">
                <a href="#" class="left scaleImg">
                    <!-- <img src="images/img_21.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_21.png" >
                </a>
                <div class="right">
                    <a href="#" class="title">复古翻帮休闲女鞋</a>
                    <p>翻帮设计，复古法国风</p>
                    <div class="numBar clearfix">
                        <div class="numCon"><span></span></div>
                        <span class="numTips">还剩573件</span>
                    </div>
                    <div>
                        <span class="xianshi">限时价</span><span class="fuhao">￥</span> <strong>199</strong><span class="yuan">原价 ￥249</span>
                    </div>
                    <a href="#" class="qianggou">立即抢购</a>
                </div>
            </div>
            <div class="limitBox">
                <a href="#" class="left scaleImg">
                    <!-- <img src="images/img_22.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_22.png" >
                </a>
                <div class="right">
                    <a href="#" class="title">复古翻帮休闲女鞋</a>
                    <p>翻帮设计，复古法国风</p>
                    <div class="numBar clearfix">
                        <div class="numCon"><span></span></div>
                        <span class="numTips">还剩573件</span>
                    </div>
                    <div>
                        <span class="xianshi">限时价</span><span class="fuhao">￥</span> <strong>199</strong><span class="yuan">原价 ￥249</span>
                    </div>
                    <a href="#" class="qianggou">立即抢购</a>
                </div>
            </div>
            <div class="limitBox">
                <a href="#" class="left scaleImg">
                    <!-- <img src="images/img_23.png" > -->
                    <img class="original" src="images/empty.gif" data-src="images/img_23.png" >
                </a>
                <div class="right">
                    <a href="#" class="title">复古翻帮休闲女鞋</a>
                    <p>翻帮设计，复古法国风</p>
                    <div class="numBar clearfix">
                        <div class="numCon"><span></span></div>
                        <span class="numTips">还剩573件</span>
                    </div>
                    <div>
                        <span class="xianshi">限时价</span><span class="fuhao">￥</span> <strong>199</strong><span class="yuan">原价 ￥249</span>
                    </div>
                    <a href="#" class="qianggou">立即抢购</a>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 居家 -->
<section class="category">

    <!-- 标题 -->
    <header class="clearfix">
        <div class="left">
            <h3>居家</h3><span>回家，放松身心</span>
        </div>
        <div class="right">
            <a href="#" class="more">更多推荐></a>
            <ul>
                <li><a href="#">被枕</a>/</li>
                <li><a href="#">床品件套</a>/</li>
                <li><a href="#">床垫</a>/</li>
                <li><a href="#">地垫</a>/</li>
                <li><a href="#">舒坐</a>/</li>
                <li><a href="#">灯具</a>/</li>
                <li><a href="#">家饰</a>/</li>
            </ul>
        </div>
    </header>

    <!-- 大图 -->
    <a href="#" class="categoryBigImg">
        <!-- <img src="images/img_24.jpg" > -->
        <img class="original" src="images/empty.gif" data-src="images/img_24.jpg" >
    </a>

    <!-- 商品列表 -->
    <ul class="categoryList">
        <li>
            <a href="#" class="scaleImg">
                <!-- <img src="images/img_25.png" alt=""> -->
                <img class="original" src="images/empty.gif" data-src="images/img_25.png" >
            </a>
            <p><a href="#">日式记忆绵坐垫</a></p>
            <span>￥59</span>
        </li>
        <li>
            <a href="#" class="scaleImg">
                <!-- <img src="images/img_26.png" alt=""> -->
                <img class="original" src="images/empty.gif" data-src="images/img_26.png" >
            </a>
            <p><a href="#">日式记忆绵坐垫</a></p>
            <span>￥59</span>
        </li>
        <li>
            <a href="#" class="scaleImg">
                <!-- <img src="images/img_27.png" alt=""> -->
                <img class="original" src="images/empty.gif" data-src="images/img_27.png" >
            </a>
            <p><a href="#">日式记忆绵坐垫</a></p>
            <span>￥59</span>
        </li>
        <li>
            <a href="#" class="scaleImg">
                <!-- <img src="images/img_28.png" alt=""> -->
                <img class="original" src="images/empty.gif" data-src="images/img_28.png" >
            </a>
            <p><a href="#">日式记忆绵坐垫</a></p>
            <span>￥59</span>
        </li>
    </ul>
</section>

<!-- 大家都在说 -->
<section id="say">
    <div class="center">

        <!-- 标题 -->
        <header>
            <h3>大家都在说</h3>
            <span>生活，没有统一标准</span>
        </header>

        <!-- 轮播图 -->
        <div class="content" id="sayPic">
            <div class="carouselImgCon">
                <ul>
                    <li>
                        <a href="#" class="scaleImg">
                            <!-- <img src="images/img_29.jpg" > -->
                            <img class="original" src="images/empty.gif" data-src="images/img_29.jpg" >
                        </a>
                        <div>
                            <p>n*****1 2017-01-25 01:03</p>
                            <p class="clearfix">
                                <span class="left">黄金脆千层 140克</span>
                                <span class="right">￥23</span>
                            </p>
                            <p>超棒的产品，手感非常的舒服，包装很别致。物流也很快。会继续关注，感谢广科士多帮我们选择这么好的产品，希望继续帮我们严格选择更优质的产品</p>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="scaleImg">
                            <!-- <img src="images/img_30.jpg" > -->
                            <img class="original" src="images/empty.gif" data-src="images/img_30.jpg" >
                        </a>
                        <div>
                            <p>n*****1 2017-01-25 01:03</p>
                            <p class="clearfix">
                                <span class="left">黄金脆千层 140克</span>
                                <span class="right">￥23</span>
                            </p>
                            <p>超棒的产品，手感非常的舒服，包装很别致。物流也很快。会继续关注，感谢广科士多帮我们选择这么好的产品，希望继续帮我们严格选择更优质的产品</p>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="scaleImg">
                            <!-- <img src="images/img_31.jpg" > -->
                            <img class="original" src="images/empty.gif" data-src="images/img_31.jpg" >
                        </a>
                        <div>
                            <p>n*****1 2017-01-25 01:03</p>
                            <p class="clearfix">
                                <span class="left">黄金脆千层 140克</span>
                                <span class="right">￥23</span>
                            </p>
                            <p>超棒的产品，手感非常的舒服，包装很别致。物流也很快。会继续关注，感谢广科士多帮我们选择这么好的产品，希望继续帮我们严格选择更优质的产品</p>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="scaleImg">
                            <!-- <img src="images/img_32.jpg" > -->
                            <img class="original" src="images/empty.gif" data-src="images/img_32.jpg" >
                        </a>
                        <div>
                            <p>n*****1 2017-01-25 01:03</p>
                            <p class="clearfix">
                                <span class="left">黄金脆千层 140克</span>
                                <span class="right">￥23</span>
                            </p>
                            <p>超棒的产品，手感非常的舒服，包装很别致。物流也很快。会继续关注，感谢广科士多帮我们选择这么好的产品，希望继续帮我们严格选择更优质的产品</p>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="scaleImg">
                            <!-- <img src="images/img_33.jpg" > -->
                            <img class="original" src="images/empty.gif" data-src="images/img_33.jpg" >
                        </a>
                        <div>
                            <p>n*****1 2017-01-25 01:03</p>
                            <p class="clearfix">
                                <span class="left">黄金脆千层 140克</span>
                                <span class="right">￥23</span>
                            </p>
                            <p>超棒的产品，手感非常的舒服，包装很别致。物流也很快。会继续关注，感谢广科士多帮我们选择这么好的产品，希望继续帮我们严格选择更优质的产品</p>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="scaleImg">
                            <!-- <img src="images/img_34.jpg" > -->
                            <img class="original" src="images/empty.gif" data-src="images/img_34.jpg" >
                        </a>
                        <div>
                            <p>n*****1 2017-01-25 01:03</p>
                            <p class="clearfix">
                                <span class="left">黄金脆千层 140克</span>
                                <span class="right">￥23</span>
                            </p>
                            <p>超棒的产品，手感非常的舒服，包装很别致。物流也很快。会继续关注，感谢广科士多帮我们选择这么好的产品，希望继续帮我们严格选择更优质的产品</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="prev"><</div>
            <div class="next">></div>
        </div>
    </div>
</section>

<!-- 底部 -->
<footer>

    <!-- 上边 -->
    <div class="message">
        <div class="center">
            <!-- 左 -->
            <div class="box">
                <h4>客服电话</h4>
                <p class="phone">400-0368-163</p>
                <p class="workTime">9:00-22:00</p>
                <div class="btn">
                    <a href="#">用户反馈</a>
                    <a href="#">在线客服</a>
                </div>
            </div>
            <!-- 中 -->
            <div class="box">
                <h4>何为广科士多</h4>
                <p>广科大原创生活类电商品牌，秉承广科—贯的严谨态度,我们深入世界各地，从源头全程严格把控商品生产环节，力求帮消费者甄选到最优质的商品</p>
                <dl class="clearfix">
                    <dt>关注我们∶</dt>
                    <dd><a href="#"><img src="images/ico_05.gif" alt=""></a></dd>
                    <dd><a href="#"><img src="images/ico_06.gif" alt=""></a></dd>
                    <dd><a href="#"><img src="images/ico_07.gif" alt=""></a></dd>
                </dl>
            </div>
            <!-- 右 -->
            <div class="box">
                <h4>扫码下载广科士多APP</h4>
                <img src="images/down.png" alt="">
                <p>首单立减8元</p>
            </div>
        </div>
    </div>

    <!-- 下边 -->
    <div class="foot">
        <div class="center">
            <div class="title">
                <div>30天无忧退货</div>
                <div>满88元免邮费</div>
                <div>广科品质保证</div>
            </div>
            <div class="copy">
                <p>
                    <a href="#">关于我们</a>|<a href="#">帮助中心</a>|<a href="#">售后服务</a>|
                    <a href="#">配送与验收</a>|<a href="#">商务合作</a>|<a href="#">企业采购</a>|
                    <a href="">友情链接</a>
                </p>
                <p>广州科技职业技术大学公司版权所有 &copy;1997-2017 食品经营许可证:JY13301080111719</p>
            </div>
        </div>
    </div>
</footer>

<!-- 侧边栏 -->
<div id="sideBar">
    <div class="top">
        <a href="#">新人有礼</a>
        <a href="#">下载APP</a>
        <a href="#">在线客服</a>
    </div>
    <a href="javascript:;" class="back">回顶部</a>
</div>

<script src="js/limitTime.js" type="text/javascript" charset="utf-8"></script>
<script src="js/move.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
<script src="js/Carousel.js" type="text/javascript" charset="utf-8"></script>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>




</body>

</html>